<template>
    <view class="page-box">
        <section class="section column rowCenter verCenter">
            <view class="code-pic">
                <image :src="payPic" mode="widthFix"></image>
            </view>
            <text class="t2" style="margin-bottom: 16rpx;margin-top: 20px;">长按图片可添加专业客服</text>
            <text class="t4">明星顾问为您一对一服务</text>
            <navigator class="btn row rowCenter verCenter" url="/pages/index/index" open-type="switchTab">回到首页</navigator>
        </section>
    </view>
</template>

<script>
    import { API } from '@/util/api.js';
    export default {
        data() {
            return {
                pay_id: '',
                payPic: ''
            };
        },
        onLoad(options) {
            this.pay_id = options.pay_id; //支付id
        },
        onShow() {
            this.getData();
        },
        methods: {
            getData() {
                this.request(API.getPayOrder, 'GET', { pay_id: this.pay_id }, true).then(res => {
                    if (res.code === 0) {
                        this.payPic = res.data;
                    }
                });
            }
        }
    };
</script>

<style scoped lang="scss">
    .page-box {
        width: 100%;
        min-height: 100vh;
        padding-top: 40rpx;
        padding-bottom: 50rpx;
        background: #ffffff;

        .header {
            height: 334rpx;
            background: linear-gradient(180deg, #ebeef5 0%, #ffffff 100%);
            box-sizing: border-box;

            image {
                width: 240rpx;
                height: 240rpx;
            }
        }

        .section {

            .code-pic {
                max-width: 100%;

                image {
                    max-width: 100%;
                }
            }

            .t1 {
                font-weight: 600;
                font-size: 44rpx;
                color: #1226aa;
                line-height: 62rpx;
            }

            .t2 {
                font-weight: 600;
                font-size: 28rpx;
                color: #2e3233;
                line-height: 49rpx;
            }

            .t3 {
                font-weight: 600;
                font-size: 60rpx;
                color: #1226aa;
                line-height: 49rpx;
            }

            .t4 {
                width: 549rpx;
                font-weight: 400;
                font-size: 22rpx;
                color: #6e767a;
                line-height: 30rpx;
                text-align: center;
            }

            .btn {
                width: 600rpx;
                height: 100rpx;
                margin: 100rpx auto 0;
                background: #1226AA;
                border-radius: 16rpx;
                color: #ffffff;
                font-weight: 400;
                font-size: 28rpx;
            }
        }

    }
</style>